<template>
	<view class="container">
		
		<view class="foldBox">
			
			<input type="text" placeholder="0" maxlength="1" :focus="ftype==1" @input='ftype=2' v-model="text1"/>
			<view class="pic"><image src="../../static/images/icon_square.jpg"  ></image></view>
			<input type="text" placeholder="0" maxlength="1" :focus="ftype==2" v-model="text2"/>
			<view class="text f100 c333">折</view>
		</view>
		<button type="primary" @click="go">确定</button>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				ftype:1,
				text1:'',
				text2:'',
				add:'',
			};
		},
		methods:{
			go(){
			this.add=this.text1+this.text2
		uni.navigateTo({
			url:'../specification/newCustomer?id='+this.add
		})
			}
		}
		
	}
</script>

<style lang="scss">
	.foldBox{
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		margin-top: 190upx;
		input{
			width: 110upx;
			height: 130upx;
			border: 10upx #DDDDDD solid;
			border-radius: 10upx;
			font-size: 72upx;
			color: #999;
			text-align: center;
		}
		image{
			width: 12upx;
			height: 12upx;
		}
		.pic{
			margin: 118upx 20upx 0 20upx;
		}
		.text{
			margin-left: 40upx;
		}
	}
	button{
		margin-top: 200rpx;
		width:80% ;
	}
</style>
